<template>
  <div class="head">
    <div class="fu">
      <div class="left">键盘熟练度测试</div>
      <div class="right">
        <div class="close" @click="$router.push({name:'keyboard'})"><span>退出</span></div>
      </div>
    </div>
  </div>
</template>
<style lang="stylus" scoped>
.head
  width 100%
  height 42px
  background #00B48B 100%
  color #fff
  .fu
    width 1200px
    height 42px
    margin 0 auto
    background #00B48B 100%
    display flex 
    justify-content flex-start
    align-items center 
    flex-flow row nowrap
    color #fff
    .left,.right
      flex 1
      text-align center 
      span 
        display inline-block
        width 60px
        height 25px
        line-height 25px
        text-align center 
        border-radius 5px
        padding 5 10px
        background #00906F 100%
        cursor pointer
        font-size 13px
</style>